<template>
  <h1>我是app根组件</h1>
  <h4>姓名：{{ name }}</h4>
  <h4>time：{{ date }}</h4>
  <button @click="seyHello">说话</button>
  <a1></a1>
</template>

<script>
import a1 from "./components/a1.vue";
// import { h } from "vue";
export default {
  name: "App",
  setup() {
    // 这里有一个要注意的地方，vue2的配置可以读取vue3的setup，但是反过来就不行了
    // 所以vue2和vue3的配置不要混用
    // setup不要用async

    let name = "张三";  
    let age = 18;
    let date = new Date().getTime();
    setTimeout(() => {
      date = 999;
    }, 1000);
    function seyHello() {
      alert(`我叫${name},什么都可以谈，有什么不能谈的`);
    }
    return { name, age, date, seyHello };
    // return () => h("h2", "一个标题");
  },
  components: {
    a1,
  },
};
</script>

<style>
</style>
